<nz-layout class="layout-wrapper">
    <nz-header>
        <div class="logo"></div>
        <ul>
            <li style="float: right">
                <button nz-button nzType="danger" routerLink="/login">返回登陆</button>
            </li>
            <li style="float: right">
                <button nz-button nzType="dashed" (click)="logout()">退出登录</button>
            </li>
            <li style="float: right">
                <button nz-button nzType="dashed" (click)="fetchAccessToken()">获取新access_token</button>
            </li>
        </ul>
    </nz-header>
    <nz-layout>
        <nz-sider [nzWidth]="200" style="background:#fff">
            <ul nz-menu [nzMode]="'inline'" style="height:100%;overflow-y: auto;overflow-x: hidden">
                <li nz-submenu *ngFor="let item of sidebarData">
                    <span title>
                        <kylin-icon [icon]="item.icon"></kylin-icon>
                        {{item.name}}</span>
                    <ul>
                        <li nz-menu-item *ngFor="let i of item.children" [routerLink]="i.path">{{i.name}}</li>
                    </ul>
                </li>
            </ul>
        </nz-sider>
        <nz-layout style="overflow: -moz-scrollbars-none">
            <nz-content class="nz-content">
                <div class="previews-content">
                    <router-outlet></router-outlet>
                </div>
            </nz-content>
            <nz-footer style="text-align: center;">Kylin Design ©2018 Implement By KylinTeamFED</nz-footer>
        </nz-layout>
    </nz-layout>
</nz-layout>
